<template>
  <div>
    <div class="home-card">
      <el-card class="app-page">
        <div class="title">
          主营业务
        </div>
        <el-divider></el-divider>
        <div class="header-box">
          <div class="item">
            <span>考核指标 :</span>
            <span>收缴率,催缴率</span>
          </div>
          <div class="htext">
            <div class="item-l item">
              <span>检查周期 :</span>
              <span>每周日18:00</span>
            </div>
            <div class="item-r item">
              <span>生效时间 :</span>
              <span>2020年03月1日~2020年12月30日</span>
            </div>
          </div>
        </div>

        <div class="banner-box">
          <div class="round-title">
            <span>A</span>
            <span>业务预警情况</span>
          </div>
          <ul>
            <li>
              最近一次预警发生于2020-01-15，触发了
              <span>一级预警</span>
            </li>
            <li>
              3月15日考核指标
              <span>收缴率</span>
              触发预警，数值为【92.31%】下级指标触发预警有5个:
              <br>
              <span>A区域、B区域、C区域、D区域、E区域</span>
            </li>
            <li>
              3月15日考核指标催缴率触发预警，数值为【22.31%】
              
            </li>
          </ul>
          <div class="round-title">
            <span>B</span>
            <span>业务联动情况</span>
          </div>
          <ul></ul>
          <div class="round-title">
            <span>C</span>
            <span>业务最新情况</span>
          </div>
          <ul>
            <div class="banneritem">
              <!-- <img class="bannerimg" src="../../assets/home/u286.png" /> -->
              <span>当前预警级别为</span>
              <li>未预警</li>
            </div>
          </ul>
        </div>
      </el-card>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>
